<template>
    <el-card class="box-card">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>{{ title }}</el-breadcrumb-item>
    </el-breadcrumb>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="roleName"
        label="角色名称"
        width="100">
      </el-table-column>
      <el-table-column
        prop="roleDesc"
        label="角色描述"
        width="100">
      </el-table-column>
    </el-table>
</el-card>
</template>
<script>
import { GetRights,GetRoles } from '@/api/role';
export default{
    data(){
        return{
            title:'',
            tableData:[]
        }
    },

    mounted(){
        this.getdata()
        this.title = localStorage.getItem('title')
    },

    methods:{
        async getdata(){
            let {data,meta} = await GetRoles('list')
            console.log(data)
            this.tableData = data
        }
    }
}
</script>